@charset "UTF-8";
/*  @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} */
.skin{background: #E6D8BE;}
html,body{
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:url("../img/back0.png");
	background-size:100% 100%;
}
.bg-mask-div{
	position:absolute;
	width:100%;
	height:100%;
	/* border:1px solid #000; */
	z-index:1;
	/* background:#000; */
	display:none;
}
.skinBox{
	width:25%;
	height:40%;
	position:fixed;
	top:-40%;
	right:0;
	border:1px solid #000;
	z-index:1;
}
.skinBox-after{
	display:table;
	width:3rem;
	height:3rem;
	border-bottom:2px solid #000;	
	position:absolute;
	top:100%;
	right:0;
	cursor:pointer;
	/* background:#fff; */
}
.skinBox-after i{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:3rem;
	color:#E29E43;
}
.skinList{
	width:100%;
	height:100%;
	background-color: rgba(40,40,40,.95);
	position:relative;
	top:0;
	/* border:1px solid red; */
}
.skinList>div{
	width: 90%;
    height:25%;
    position:relative;
    margin:0 auto;
}
.colorPrintor{
	display:table;
}
.colorPrintor ul{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	width:100%;
}
.colorPrintor ul li{
	float:left;
	width:3rem;
	height:3rem;
	border-radius:2rem;
}
.colorPrintor ul li:not(:first-child){
	margin-left:10px;
}
.skinListDiv:hover {
   	opacity:0.8;
}
#wrapper {
	/*border: 1px solid #000;*/
	width: 100%;
	height: 100%;
	float:left;
	min-height: 600px;
	/*z-index: -1;*/
	position:relative;
	/*padding:0 20px 20px 20px;*/
}

.inner {
	width: 100%;
	height: 100%;
	position: relative;
	/*border:1px solid #000;*/
}

#header {
	width: 100%;
	height: 8%;
	/*padding: 0 3%;*/
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content:space-between;*/
	align-items: flex-start;
	align-content: flex-start;
	position: relative;
}

.head-menu {
	/*border:1px solid #000;*/
	width: 5%;
	height: 100%;
	/*padding:1%;*/
	font-size: 2.5rem;
	text-align: center;
	display: table;
	cursor:pointer;
}
.head-menu:nth-child(1){
	width:50%;
}
.head-menu:nth-child(1):hover i{
	opacity: 0.5;
}
.head-menu:nth-child(1)>span{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size:0.7rem;
	color: #65615E;
	/*border:1px solid #000;*/
}
.head-menu:nth-child(2) i{
	padding:0 0.5rem;
	/*border:1px solid #000;*/
}
.head-menu:nth-child(2){
	position: absolute;
	/*color:#f9f9f9;*/
	right:4.5rem;
}
.head-menu i,a{
	display: table-cell;
	vertical-align: middle;
	color:#f7f7f7;
	/*padding:0.5rem;*/
}
#sidebar-left {
	/* background: #fbfbfb; */
	width: 30%;
	height: 93%;
	/*border: 1px solid red;*/
	position: relative;
	/*padding: 1.5% 1% 1% 1%;*/
}

.product-type-list {
	/* background: #3a3a4f; */
	/* border: 1px solid red; */
	width: 80%;
	height: 7%;
	border-radius: 3px;
	overflow:hidden;
	display:table;
	margin:0 auto;
	position:relative;
}
.product-type-before{
	/* border: 1px solid red; */
	/* border-left: 1px solid #8A8687;
	border-right: 1px solid #8A8687; */
	width: 90%;
	height: 6%;
	/* overflow:hidden; */
	margin:0 auto;
	position:relative;
}
.product-type-before .produxtTypeBefore{
	left:1%;
	bottom:-100%;
	/* width:2.5rem; */
	/* height:100%; */
	position:absolute;
	/* font-size:2rem; */
	/* border-radius:2rem; */
	/* border:1px solid #E29E43; */
	border-width:1.2rem 1.2rem 1.2rem 0;
    border-style:solid;
    border-color:transparent #E29E43 transparent transparent;
	display:table;
	cursor:pointer;
	color:#E29E43;
}
.product-type-before .produxtTypeAfter{
	right:1%;
	bottom:-100%;
	color:#E29E43;
	position:absolute;
	/* font-size:2rem; */
	cursor:pointer;
	/* border-radius:2rem; */
	border-width:1.2rem 0 1.2rem 1.2rem;
    border-style:solid;
    border-color:transparent transparent transparent #E29E43;
	display:none;
}
/* .product-type-before .produxtTypeBefore:hover,.product-type-before .produxtTypeAfter:hover{
	border:1px solid #000;
	color:#000;
} */
.product-type-before .produxtTypeBefore span,.product-type-before .produxtTypeAfter span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.product-type-list ul {
	width: 10000%;
	height: 100%;
	overflow: hidden;
	/* border:1px solid red; */
	position:absolute;
	top:0;
	left:0;
}

.product-type-list ul li {
	float: left;
	/* width: 12.5%; */
	/* border:1px solid #000; */
	width:0.15%;
	height: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	/*margin:px;*/
}
.product-type-list ul li span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.product-type-list ul li:not(:first-child) {
    border-left: 1px solid #fff;
}
.product-type-list ul li:hover{
	color:#e2e2e2;
	background:#E29E43;	
}

/* .product-type-list ul li a{
	height:100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #65615E;
	font-size: 1.6rem;
	position: relative;
	text-decoration:none;
} */
/* .product-type-list ul li a:hover{
	color:#e2e2e2;
	background:#E29E43;	
} */
.pressDown{
	border-top: 3px solid #f8f8f8;
	border-bottom: 3px solid #f8f8f8;
	border-left: 4px solid #aaa;
	border-right: 4px solid #aaa;
}
/* .pressDown:before{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	margin-top:-10px;
	top: 50%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #eee;
	z-index: 1;
}
.pressDown:after{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	margin-top:-10px;
	top: 50%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #eee;
	z-index: 1;
} */
.product-list-wrapper{
	height: 83.5%;
	width: 100%;
	overflow-x: hidden;	
	position:relative;
	margin:2% 0;
	/* background:url("../img/back2.png"); */
	background-size:100% 100%;
}
.product-table-list{
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	display:none;
}
.product-list-wrapper table#productTable{
	height: 100%;
	width: 100%;
	font-size: 1.7rem;
	position:relative;
	color:#65615E;
}
.product-list-wrapper table#productTable th{
	text-align:center;
	cursor:pointer;
	vertical-align:middle;	
}
.product-list-wrapper table#productTable td{
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
}
/* .product-type-list ul li a:after{
			content: ' ';
			width:1px;
			height:100%;
			border:1px solid #eee;
			position: absolute;
			right:0;
			top:0;
} */

/* .product-list-wrapper{
	height: 81%;
	width: 100%;
	overflow: hidden;	
	position:relative;	
} */
.product-list-control{
	width:100%;
	height:1rem;
	color:#fff;
	position: absolute;
	display: table;
	text-align: center;
	bottom:5%;
}
.product-list-control ul{
	display: table;
	margin:0 auto;
}
.product-list-control ul li{
	float:left;
	width:2.5rem;
	height:2.5rem;
	font-size:1.5rem;
	display: table;
	cursor: pointer;
	background:#e6d8be;
	color:#333;		
}
.product-list-control ul li:hover{
	background:#eee;
	color:#333;	
}
.product-list-control ul li:not(:first-child){
	border-left:1px solid #FFF;
}
.product-list-control ul li span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.pressbtn{
	color:#fff;
	background:#E29E43;	
}
.product-block-list{
	height: 100%;
	width: 100%;
	position: absolute;
	/* background:#e9e9e9; */
}
.product-img-list {
	height: 100%;
	width: 100%;
	position: absolute;
	/* background: #e9e9e9; */
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
/* .product-tree{
	width:80%;
	height:5%;	
	color:#65615E;
	padding-top:1%;
	display: table;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.product-tree h5{
	display: table-cell;
	vertical-align: middle;
} */
/* .view-control{
	height:100%;
	width:20%;
	background: #a3a3a3;
	color:#fff;
	overflow:hidden;
	display:table;
	position:absolute;
	right:-1px;
	font-size:1.5rem;
}
.view-control li{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
.view-control li:not(.press):hover{
	color:#8be77c;
}
.view-control li:after{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
.press{
	background:#e9e9e9;
	color:#3a3a4f;
} */
/*.product-tree ul{
	height:100%;
	width:100%;
	display: table;
}
.product-tree ul li{
	height:100%;	
	display: table;
	float:left;
	position:relative;
	margin-left:3%;
}
.product-tree ul li:not(:last-child) a:after{
	content:'》';
	text-align: center;
	width:100%;
	color:#fff;
	position:absolute;
}
.product-tree ul li a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
}*/
.product-detail {
	min-width: 22%;
	height: 15%;	
	margin-top: 2%;
	margin-left: 2.3%;
	position: relative;
	/* overflow: hidden; */
	background:#fff;
	border-radius:5px;
	/* border:1px solid #000; */
}
.product-detail:hover{
	/*outline:#3a3a4f solid 1px;*/
	/*border:1px solid #000;*/
	-moz-box-shadow: 0px 15px 15px #ddd; /* 老的 Firefox */
	box-shadow: 0px 15px 15px #ddd;
}
/* .a:before{
	content:attr(data-beforeContent);
	width: 1.6rem;
	color:#fff;
	text-align:center;
	height: 1.6rem;
	position: absolute;
	right:-5px;
	top:-5px;
	background:red;
	border-radius:1.6rem;
	display:none;
	border: 1px solid #3a3a4f;
} */
.b:before{
	content:attr(data-beforeContent);
	width: 2rem;
	color:#fff;
	text-align:center;
	height: 2rem;
	position: absolute;
	right:-1rem;
	top:-1rem;
	background:red;
	border-radius:2rem;
	/* border: 1px solid #3a3a4f; */
}
.product-detail ul li select{
	background:#fff;
}
.product-detail ul{
	width:100%;
	height:100%;
	/* display:table; */
}
.product-detail>ul li{
	display:table;
	/* border:1px solid #000; */
}
.product-detail>ul li{
	margin-left:1rem;
}
.product-detail>ul li>span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.product-detail>ul li:nth-child(1){
	font-size:1.7rem;
}
.product-detail>ul li:nth-child(2){
	font-size:1.3rem;
}
.product-detail>ul li:nth-child(3){
	font-size:1.7rem;
	position:absolute;
	right:2%;
	bottom:5%;
}
.thisSize{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	opacity:0;
	/* background:rgba(0,0,0,0.5); */
	background:rgba(255,255,255,0.7);
	/* border:1px solid rgba(0,0,0,0.5); */
	border-radius:5px;
	display:table;
	transition:all .2s;
}
.thisSize>ul{
	width:100%;
	height:100%;
	display:table;
	text-align:center;
}
.thisSize>ul li{
	color:#333;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	cursor: pointer;
	font-size:1.6rem;
	font-weight:600;
}
.thisSize>ul li:hover{
	color:#fb9000;
}
.product-detail:hover .thisSize{
	opacity:1;
}




/*右边框*/

#sidebar-right {
	/*background:#ffffff;*/
	width: 70%;
	height: 93%;
	/*border: 1px solid #398439;*/
	position: relative;
	/*padding: 0 1% 0 0;*/
}
.footer-btn{
	width:30%;
	height:100%;
	/* border:1px solid #000; */
	float:left;
	position:relative;
}
.footer h5{
	display:table;
	height:100%;
	/* border:1px solid #000; */
	width:15%;
	border:1px solid #ccc;
}
.footer h5>span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	/* border:1px solid #000; */
	font-size:1.7rem;
}
.footer .view-control{
	height:100%;
	width:20%;
	/* background: #a3a3a3; */
	color:#65615E;
	overflow:hidden;
	display:table;
	font-size:1.5rem;
}
.footer .view-control li{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
.footer .view-control li:not(.press):hover{
	color:#e2e2e2;
	background: #a3a3a3;
}
.footer .view-control li:after{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
.press{
	background:#E29E43;
	color:#3a3a4f;
}
.footer-btn li{
	display:table;
	height:100%;
	float:left;
	/* border:1px solid #000; */
	width:20%;
	border:1px solid #ccc;
}
.footer-btn li:last-child{
	display:table;
	height:100%;
	float:left;
	/* border:1px solid #000; */
	width:60%;
}
.footer-btn li span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	/* border:1px solid #000; */
	font-size:1.7rem;
	cursor:pointer;
}
.footer-btn li span b{
	font-size:2rem;
}
.footer-btn li:last-child div{
	display:table-cell;
	text-align:right;
	position:relative;
	right:10%;
	vertical-align:middle;
	/* border:1px solid #000; */
	font-size:2.5rem;
	cursor:pointer;
	color:red;
}
/* .order-head-operation {
	position: relative;
	border-bottom:1px solid #aaa;
	height: 8%;
	width: 100%;
	background-color: #3a3a4f;
}

.order-head-operation ul {
	border:1px solid red;
	height: 100%;
	width: 100%;
	float: left;
	padding: 0 4%;
}

.order-head-operation ul li {
	float: left;
	border:1px solid green;
	cursor: pointer;
	height: 100%;
	width: 50%;
	border-top:1px dashed #fff;
	font-size: 1.7rem;
	display: table;
	letter-spacing: 4px;
}
.order-head-operation ul li:first-child{
	border-right:1px solid #fff;
}
.order-head-operation ul li span {
	display: table-cell;
	text-align: center;
	border: 1px solid #000;
	vertical-align: middle;
	color: #cad5e7;
}
.order-head-operation ul li:hover span{
	color:#8be77c;	
	background: #8f85e8;
	border-radius: 1px;
} */


.product-list {
	width: 100%;
	height: 70%;
	/*border:1px solid #000;*/
}
.product-list ul {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	/*border:1px solid #000;*/
}

.product-list span {
	display: table-cell;
	/*text-align: center;*/
	vertical-align: middle;
}

.product-list ul li {
	height: 20%;
	border: 1px solid #ddd;
	/*padding: 0 0 10px 0;*/
	/*padding:0 0 0 2.5%;*/
	position: relative;
	/* background:#e8ddc9; */
}
.product-list ul li:nth-child(even){
	background:#e6ddcb;
}

/*.product-left-img {
	padding: 2.5%;
	float: left;
	width: 29%;
	height: 100%;
}

.product-left-img img {
	width: 100%;
	height: 100%;
}*/

.product-top-description {
	float: left;
	width: 100%;
	/*border:1px solid #000;*/
	height: 50%;
	display: table;
	padding: 0 0 0 1%;
	font-size: 1.1em;
	background:inherit;
	/*margin-top:1%;*/
}
.product-top-description select{
	background:inherit;
	/*margin-top:1%;*/
}

.product-down-price {
	width: 91%;
	height: 50%;
	/*border:1px solid #000;*/
	float: left;
	/*display: table;*/
	background:inherit;
}

.product-num-choose {
	width: 35%;
	display: table;
	height: 100%;
	float: left;
	/*border:1px solid #000;*/
}

.product-num-choose span {
	text-align: center;
	font-size: 1.2em;
	border: 1px solid #dde;
	cursor: pointer;
}

.product-num-span {
	width: 33%;
}

.product-down-price .product-num {
	width: 100%;
	height: 100%;
	border: none;
	text-align: center;
	background:inherit;
}

.product-num-price {
	width: 65%;
	float: left;
	display: table;
	height: 100%;
	/*border:1px solid #000;*/
	text-align: center;
	font-size: 1.3em;
}

.product-num-price i {
	margin-right: 5px;
}

.product-right-delete {
	width: 9%;
	height: 20%;
	/*border:1px solid #000;*/
	float: left;
	height: 50%;
	font-size: 2em;
	display: table;
}

.product-right-delete i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #333;
}

.order-total-foot {
	height: 22%;
	border: 1px dotted #000;
	position: relative;
}

.order-total-foot ul {
	position: relative;
	margin:1rem auto;
	font-size: 1.2em;
	/*padding:;*/
	width: 91%;
	height: 100%;
}

.order-total-foot ul li {
	/*float:left;*/
	width: 100%;
	height: 14%;
	margin-top:5px;
	border-bottom: 1px dotted #aaa;
	border-width: 0 0 80% 0;
	position: relative;
}

.order-total-foot ul li span {
	position: absolute;
	right: 0;
	top: 0px;
}

.footer {
	width: 100%;
	height: 7%;
	/*border:1px solid #000;*/
	background: #EFEFEF;
	position: relative;
	clear:both;
}

.footer .product-discount {
	position: absolute;
	bottom: 0px;
	width: 19%;
}

.footer .product-checkout {
	position: absolute;
	bottom: 0;
	right: 0;
	width:15%;
	height:101%;
	color: #fff;
	cursor:pointer;
	display:table;
	font-size:1.7rem;
	border-radius:2px;
}
.footer .product-checkout span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background:#E29E43;
}
.product-checkout:hover span{
	background:#e6d8be;
	color:#555;	
}
.skinbtn{
	
}
.detail-control>td{
	background:#e9e9e9;
}
.modal-body-diy{
	height:480px;
	position: relative;
    padding: 15px;
	overflow-x:hidden;
	overflow-y:auto;
}
#oderTable>th,#oderTable>td{
	text-align:center;
	vertical-align:middle;
}
#oderTable>td:nth-child(6){
	cursor:pointer;
}
.payment-header{
	width:100%;
}
.payment-footer{
	width:100%;
}
.payment-footer{
	font-size:1.6rem;
}
.printContent{
	margin:0 auto;
	max-width:350px;
	border:1px solid #000;
	font-size:2px;
	overflow:auto;
	max-height:350px;
}
.printContent p{
	font-size:1px;
}
.printContent p:nth-child(2) span{
	margin-right:5px;
}
#queenNumber{
	font-size:3rem;
}